.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 47px;
  padding: 0 16px;
  background: linear-gradient(to right, #f8f9fc, #eef1f8);
  border-bottom: 1px solid #e6e9f0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
  position: relative;
}

.leftSection {
  display: flex;
  align-items: center;
  gap: 16px;
}

.rightSection {
  display: flex;
  align-items: center;
}

.centerActions {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  gap: 2px;
}

.navButtons {
  display: flex;
  gap: 4px;
}

.navButton {
  color: #7a8ba3;
  font-size: 16px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

.navButton:hover {
  color: #5d8bbd;
  background-color: rgba(93, 139, 189, 0.06);
}

.actionButton {
  margin: 0 2px;
}

/* 运行按钮 */
.runButton {
  background-color: #7fb785;
  border-color: #7fb785;
}

.runButton:hover {
  background-color: #6ea775;
  border-color: #6ea775;
}

/* 提交按钮 */
.submitButton {
  background-color: #6d9ecc;
  border-color: #6d9ecc;
}

.submitButton:hover {
  background-color: #5d8bbd;
  border-color: #5d8bbd;
}

.avatar {
  cursor: pointer;
  background-color: #6d9ecc;
}

.userDropdown {
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 6px;
  transition: background-color 0.2s ease;
}

.userDropdown:hover {
  background-color: rgba(93, 139, 189, 0.06);
}

.username {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  margin-left: 8px;
}

.problemBankButton {
  font-weight: 500;
  color: #7a8ba3;
  display: flex;
  align-items: center;
  gap: 6px;
}

.problemBankButton:hover {
  color: #5d8bbd;
  background-color: rgba(93, 139, 189, 0.06);
}